<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="">
 <table  width="380">
  <tr>
   <td width="150">
    <table width="150">
     <tr>
      <td>请选择:</td>
     </tr>
     <tr>
      <td>
       <select multiple name="sel_place1" id='sel_place1'>
       <optgroup label="已分配用户">
        <option value="sel1">江苏省</option>
        <option value="sel2">江苏省</option>
        <option value="sel3">江苏省</option>
        <option value="sel4">江苏省</option>
        <option value="sel5">江苏省</option>
       
       </optgroup>
       <optgroup label="未分配用户">
        <option value="sel1">江苏省</option>
        <option value="sel2">江苏省</option>
        <option value="sel3">江苏省</option>
        <option value="sel4">江苏省</option>
        <option value="sel5">江苏省</option>
       </optgroup>
        
       </select>
      </td>
     </tr>
    </table>
   </td>
   <td>
    <input name="sure1" type="button" id="sure1" onclick="allsel()" value="<<"> 
    <input name="sure2" type="button" id="sure2" onclick="allsel()" value=">>"> 
   </td>
   <td width="150">
    <table width="150" border="0" cellpadding="1" cellspacing="1" bgcolor="#CAFAFC">
      <tr>
        <td height="25" background="wp-content/uploads/2012/05/79760-772704496-8.gif" bgcolor="#FFFFFF">　　　请选择：</td>
      </tr>
      <tr>
        <td align="center" bgcolor="#FFFFFF"><select name="sel_place2" size="6" multiple id="sel_place2" style="width:100px ">
            </select></td>
      </tr>
    </table>
   </td>
  </tr>
 </table>
</form>
<script src="js/jquery.min.js"></script> 

<script>
$(document).ready(function(){
	alert("..........");
});
function check(){
	
}
function selectChange(){
	 //获取下拉框选中项的text属性值
	 var selectText=$("selectID").find("option:selected").text();
	 alert(selectText);
	 //获取下拉框选中项的value属性值
	 var selectValue=$("#selectID").val();
	 alert(selectValue);
	 //获取下拉框选中项的index属性值
	 var selectIndex=$("#selectID").get(0).selectedIndex;
	 alert(selectIndex);
	 //获取下拉框最大的index属性值
	 var selectMaxIndex=$("3selectID option:last").attr("index");
	 alert(selectMaxIndex)
}
</script>
</body>
</html>